/**
 * appRain v 0.1.x
 *
 * LICENSE
 *
 * This source file is subject to the MIT license that is bundled
 * with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://www.opensource.org/licenses/mit-license.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@apprain.com so we can send you a copy immediately.
 *
 * @copyright  Copyright (c) 2010 appRain, Team. (http://www.apprain.com)
 * @license    http://www.opensource.org/licenses/mit-license.php MIT license
 *
 * HELP
 *
 * Official Website
 * http://www.apprain.com/
 *
 * Download Link
 * http://www.apprain.com/download
 *
 * Documents Link
 * http ://www.apprain.com/docs
 */


body {
	color:#000000;
	font-family: Trebuchet MS,verdana,arial,helvetica;
	font-size:12px;
	line-height:20px;
	margin:0;
	background:url(../images/top_back.gif) repeat-x;
}

.innerbody
{
    background:url(../images/innerbody_back.gif) repeat-x;
}

h2
{
	padding:10px 10px 0px 10px;
	margin:0;
	font-size:17px;
	color:#9A011F;
    font-weight:lighter;
}

h2 a
{
    text-decoration:none;
    color:#9A011F;
}

h2 a:hover
{
    text-decoration:underline;
}

h1
{
	font-weight:normal;
	padding:5px 10px 0px 10px;
	margin:0;
	font-size:22px;
	color:#000000;
}

p, .inner
{
	padding:2px 10px 0 10px;
	margin:0;
}


a
{
	color:#000000;
	outline:none;
}

a:hover, .link-selected
{
	color:#9A011F;
}

img
{
	border:0;
}

ul,li,form
{
	margin:0;
	padding:0;
	list-style:none;
}

.list li
{
	margin:4px 0 4px 15px;
	padding-left:10px;
	background:url(../images/arrow_orange.gif) no-repeat center left;
}
.wrapper
{
	width:980px;
	margin:auto;
}

.head
{
	margin-top:5px;
    padding-bottom:4px;
}

.head .head-left
{
	margin-top:15px;
	float:left;
}

.head .head-right
{
	margin-top:62px;
	float:right;
}


.head .head-right li
{
	float:right;
	margin:1px;
}

.head .head-right li a
{
	padding-top:8px;
	display:block;
	width:92px;
	text-align:center;
	background:url(../images/nav-off.jpg) no-repeat;
	height:21px;
	color:white;
	text-decoration:none;
}

.head .head-right li a:hover, .head .head-right li a.acive, .head .head-right .selected
{
	background:url(../images/nav-on.jpg) no-repeat;
}

.top-heading
{
    height:55px;
}

.top-heading h1
{
	padding:10px 10px 0px 10px;
    color:#FFFFFF;
    text-transform:uppercase;
	width:700px;
	float:left;
}

.t-search
{
	margin-top:10px;
	float:right;
}

.t-search .src-box
{

	color:#9A011F;
	width:160px;
	padding:4px;
	font-size:11px;
	border:1px solid #FFF;
}

.t-search .src-btn
{
	font-size:11px;
	color:#FFF;
	background-color: #E8842C;
	border:1px solid #E8842C;
	padding:4px 10px;
	font-weight:bold;
	cursor:pointer;
}

.button
{
	background:#99011E;
	color:#FFFFFF;
	font-weight:bold;
	padding:5px;
	font-size:11px;
	border:1px solid #FFF;
	cursor:pointer;
}

.clearboth
{
	clear:both;
	line-height:0;
	margin:0;
	padding:0;
	height:0;
}

.banner
{
	height:228px;
	width:100%;
	background:url(../images/banner.jpg) no-repeat
}

.banner .left
{
    width:760px;
    float:left;
}

.download
{
    float:left;
}

.col-corn-top
{
    float:left;
    width:272px;
    background:url(../images/col-corn.gif) top right;
}

.col-corn-bottom
{
    float:left;
    width:272px;
    background:url(../images/col-corn.gif) bottom right;
}


.container .inner-left
{
	margin-top:5px;
    width:272px;
    float:left;
    background-color:#EFEFEF;
}

.container .inner-right
{
    margin-left:10px;
    width:690px;
    float:left;
}

.container .inner-left ul.l-list-1
{
    margin-left:20px;
}

.container .inner-left ul.l-list-2  li
{
	margin-left:10px;
    padding-left:10px;
	background:url(../images/arrow_orange.gif) no-repeat center left;
}

.announcement
{
	margin-top:10px;
    padding-top:0px;
/*	height:209px;*/
  	background:url(../images/grad_bg.gif) repeat-x;

}

.announcement .top-l
{
    float:left;
    width:20px;
	height:15px;
    background:url(../images/gray-top.jpg) top left;

}

.announcement .top-r
{
    float:left;
    width:20px;
	height:15px;
    background:url(../images/gray-top.jpg) top right;
}

.announcement .top-c
{
    float:left;
    width:940px;
	background-color:#F2F2F2;
}


.announcement ul
{
	margin:5px;
	width:970px;
	margin:auto;
}
.announcement li
{
	width:315px;
	float:left;
	padding:0px;
    color:#000000;
    font-size:12px;
	margin-bottom:20px;
}

.announcement h2
{
	width:280px;
	font-size:25px;

	margin-bottom:8px;
}

.home-slides
{
	margin:0 0 0 10px;
}

.footer-wapper
{
    background-color:#E2B126;
    margin-top:40px;
    padding:30px 0 0 0;
    background:url(../images/apprain_bottom_bg.jpg)
}

.footer
{
	margin-top:15px;
    height:80px;
    width:850px;
	margin:auto;
    color:#FFFFFF;
}

.footer a
{
    color:#FFFFFF;
}

.footer .left
{
    width:600px;
}
.footer .left,.footer .right
{
    float:left;
}

.app-pres-outer .lt,.app-pres-outer .rt,
.app-pres-outer .lb,.app-pres-outer .rb
{
    float:left;
    width:30px;
    height:30px;
}

.app-pres-outer .lt
{
    background:url(../images/round-corners.gif) left top no-repeat;
}

.app-pres-outer .rt
{
    background:url(../images/round-corners.gif) right top no-repeat;
}

.app-pres-outer .lb
{
    background:url(../images/round-corners.gif) left bottom no-repeat;
}

.app-pres-outer .rb
{
    background:url(../images/round-corners.gif) right bottom no-repeat;
}

.app-pres-breaker
{
    float:left;
    width:920px;
    background-color:#F7941D;
    height:30px;
}

.app-press-content
{
	clear:both;
    height:280px;
    background-color:#F7941D;
}

.app-press-content .left h1
{
	color:#FFFFFF;
    padding:0px 0px 10px 10px;
	line-height:24px;
	font-size:30px;
}

.app-press-content .left
{
    float:left;
    width:490px;
    margin-left:15px;
    font-size:14px;
}

.app-press-content .right
{
    margin-right:10px;
    float:left;
    width:415px;
    margin-top:20px;
    margin-left:10px;
    font-size:14px;
    height:260px;
    background:url(../images/app-press-image-pan.gif)
}

.app-press-menu
{
    font-size:12px;
    font-weight:bold;
    padding-top:30px;
    margin:0px 15px 0 15px;
}
.app-press-menu a
{
    color:white;
    text-decoration:none;
}

.app-press-menu a:hover, .app-press-menu a.selected
{
    text-decoration:underline;
    color:white;
}

.app-press-text
{
    height:230px;
	color:#FFFFFF;

}


.press-img-pan
{

    margin:20px 0 0 18px;
}

.appRain-download
{
    margin:20px;
}

.appRain-download h3
{
    font-size:16px;
    font-weight:normal;
    margin:10px 0 0 0;
    padding:0px;
    color:#FF0033;
}

.top_releted
{
    margin:10px 10px 10px 10px;
}

.top_releted ul li
{
    float:left;
    text-align:left;
    width:30%;
	padding:2px 0 2px 0;
}

.bread-crumb
{
	float:left;
	margin:10px 0 0 10px;
	width:400px;
	height:25px;
}

.related-post
{
	margin:10px 0 0 0;
	width:250px;
	float:right;
	height:25px;
}


pre br
{
    display:none;
    height:1px;
}

.ext-box
{
	margin:5px  10px;
	padding-bottom:10px;
	color:#000;
}

.ext-box-inner
{
	margin:0 10px;
}
 .ext-node
 {
	margin-bottom:15px;
	border:1px solid #5F0013;
 }
 .ext-node h2
 {
	margin:0px;
	background-color:#5F0013;
	color:#FFF;
	padding:5px;
	margin-bottom:10px;
 }
.ext-box-inner li
{
	width:215px;
	float:left;
}
.ext-box label
{
	font-size:14px;
	display:block;
	font-weight:bold;
	text-decoration:underline;
	color:#000
}
.ext-box .efoot
{
	text-align:center;
}

.ext-box .efoot a
{
	font-size:16px;
	text-decoration:none;
	margin:5px;
	display:block;
	color:#CF002A;
}

.Stable
{
	color:#4DFF2F;
}

.Beta
{
	color:#E5FF00;
}

.Alpha
{
	color:#CB3352
}

.text-filter
{

	margin-left:10px;
}

.text-filter .ext-s-box
{
	font-size:12px;
	border:1px solid  #CFCFCF;
	padding:2px;
}

.text-filter .ext-s-btn
{
	font-weight:bold;
	font-size:12px;
	background-color:#CFCFCF;
	border:0px solid #F7941D;
	color:#000;
	padding: 2px 10px;
	margin-top:5px;
	margin-bottom:10px;
	cursor:pointer;
}

.app_form
{
	margin-left:5px;
}
.app_form li
{
	display:block;
	clear:both;
	padding:5px;
}

.app_form li label
{
	display:block;
	float:left;
	width:120px;
}

.app_form li span
{
	display:block;
	float:left;
	width:410px;
}

textarea
{
	font-family: Trebuchet MS,verdana,arial,helvetica;
}
.input
{
	font-size:12px;
	width:400px;
	border:1px solid #CFCFCF;
	padding:5px;
}

.select
{
	font-size:12px;
	border:1px solid #CFCFCF;
}

.inline-error
{
	color:#9F0909;
}

.message
{
	color: #FFA200;
}

.forum-index li
{
	clear:both;
	border:1px solid #EEEEEE;
	padding:5px;
	margin-bottom:5px;

}

.forum-index li .title
{

	width:450px;
	float:left;
}

.forum-index li .last-post
{
	width:350px;
	float:left;
}
.forum-index li .threads, .forum-index li .posts
{
	text-align:center;
	width:80px;
	float:left;
}

.forum-index .header-row
{
	font-weight:bold;
	background-color:#5F0013;
	color:#FFF;
}

.forum-top-link, .forum-top-link a
{
	color:red;
	padding-bottom:5px;
}

.forum-p
{
	margin-left:10px;
}
.forum-p li
{
	border:1px solid #cccccc;
	margin-bottom:10px;
}

.forum-p li .post-user-info, .forum-p li .post-user-info a
{
	padding:5px;
	color: #FFFFFF;
	background-color:#5F0013;
}

.forum-p li .post-info
{
	padding:5px;
}

.anchor
{
	color:#5F0013;
}

.quicktutorial
{
        height:122px;
	margin-top:10px;
	background-color:#EEEEEE;
}

.quicktutorial .qtl,.quicktutorial .qtr,.quicktutorial .qtc
{
	height:122px;
	float:left;
}

.quicktutorial .qtl
{
	width:25px;
	background:url(../images/qtutorialcircle.gif) left no-repeat;
}

.quicktutorial .qtr
{
	width:25px;
	background:url(../images/qtutorialcircle.gif) right no-repeat;
}

.quicktutorial .qtc
{
	width:930px;
	background:url(../images/qtutorialcenter.gif) right repeat-x;
}

.quicktutorial .qtc .qtcl
{
	margin-top:25px;
	margin-left:0px;
	float:left;
	width:275px;
}
.quicktutorial .qtc .qtcl h2
{
	font-size:28px;
	padding:0 0 15px 0;

	color:#56a247;
}
.quicktutorial .qtc .qtcl a
{
	text-decoration:none;
	font-size:17px;
	font-weight:bolder;
	color:#BF290B;
}


.quicktutorial .qtc .qtcc
{
	text-align:center;
	width:700px;
	float:left;
	margin-top:35px;
}

.quicktutorial .qtc .qtcr
{
	margin-top:45px;
	float:left;
}


.doc-post-list
{
	margin:15px 0px 0px 10px;
	border-bottom:1px solid #DF99A7;
}
.doc-post-list li
{
	display:block;
	clear:both;
	margin:5px 0;
	border-top:1px solid #DF99A7;
	padding:5px;
}

.doc-post-list li span
{
	display:block;
	float:left;
}

.doc-post-list li span.title
{
	width:220px;
	margin-left:15px;
	font-size:12px;
	color:#99011E;
	margin-top:10px;
}

.doc-post-list li span.dquicklink
{
	width:90px;
	margin-left:2px;
	font-size:12px;
	color:#000;
	margin-top:10px;
	text-align:center;
	font-weight:bold;
}

.updates
{
	padding: 0;
	margin-top:15px;
	margin-bottom:15px;
	border-top: 2px solid #F7941D;
	border-bottom: 2px solid #F7941D;
}

.updates li
{
	padding:0px 15px 5px 15px;
	background:#FEFF8F;
}

.updates li h2
{
	font-size:20px;
}

.title-bar
{
	display:none;
	padding:5px 25px;
	margin-top:10px;
	/*background-color:green;
	color:white;
	text-align:center;*/


}
